$(document).ready(function() {

	common_js.body_to_all();
	common_js.prevent_redirect();
	search_js.search_content();
	
	search_js.bind();
	
	util_js.add_input_light();
});


/**
 * 样式控制，可忽略
 */
search_js.search_content = function() {
	var $this = $(".search_box");
	var box_width = $this.width();
	var window_width = $(window).width();
	var left_px = (window_width - box_width)/2;
	var nav_height = $("#nav_bar").height();
	var top_px = nav_height+left_px;
	$this.css({
		left: left_px + "px",
		top: top_px + "px"
	});
};

/**
 * 初始化并注册页面事件
 */
search_js.bind = function(){
	
	//隐藏了结果信息模块
	$("#result-box").hide();
	
	//构建城市下拉
	search_js.create_select();
	//判断下拉改变后做的对应处理
	search_js.change_select();
	
	
	/**
	 * 给扫描按钮设置点击事件
	 */
	$(document).on("click",".scan_qrcode",function(){
		//这里是扫描按钮的点击调用
		//这里涉及微信端公众号和支付宝的授权的，具体的参照微信开发平台API和支付宝开发平台API
		//https://doc.open.alipay.com/doc2/alipayDocIndex.htm
		//http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
		
	})
	
	//给查询按钮设置点击事件
	$(document).on("click","#search_btn",function(){
		search_js.submit_data();
	})
	
	//给确认+交款按钮按钮设置点击事件
	$(document).on("click","#payment_btn",function(){
		//这里是点击确认+交款按钮要做的操作，要走的接口请自行定义
		//走完接口后请回调至历史记录页
	})
}





/*
 * 仅用于测试流程的数据，请删除
 */
search_js.test_data = {
	info_book_num:"56789",
	work_place:"fghjklhjkl",
	charge_item:[
		{
			pass_port:"往来港澳通行证新证你sdfev",
			money:"$100"
		},
		{
			pass_port:"往来港澳通行证",
			money:"$100"
		},
	],
	overdue_payment:[
		{
			pass_port:"往来港澳通行证",
			money:"$7"
		},
		{
			pass_port:"往来港澳通行证",
			money:"$7"
		}
	],
	sum:"$1000",
};

/**
 * 清除残留数据
 */
search_js.clear_temp = function(){
	$("#info_book_result").text("");
	$("#work_place_result").text("");
	$("#charge_item").empty();
	$("#overdue_payment").empty();
}

/**
 * 提交数据
 */
search_js.submit_data = function(){
	if(search_js.validate()){
		//通知书编号
		var info_book_num = $("#info_book_num").val();
		//执行单位编号(这里可能存在空值，后端做好判断即可)
		var work_place_num = $("#work_place_num").val();
		$.ajax({
			type: "POST",
			url: "", //url地址
			dataType: 'json', //示例返回数据格式为json
			//以下的接收参数默认后端与这里相同,请根据实际需要更改
			data: "info_book_num="+info_book_num+"&work_place_num="+work_place_num,
			success: function(data) {
				//这里根据后端返回的对象做处理，这里仅做示例,返回的data
				if(data.status){
					//查询成功后，展示结果
					search_js.search_result(data);
				}else{
					$("#mask_body p").html("抱歉,没有找到您需要的单号");
					$("#mask_div").show();
					$("#mask_button").click(function(){
						$("#mask_div").hide();
					});
				}
			},
			error: function() {
				//util_js.show_toast_msg("服务器异常");
				//[在这里是模拟成功后获取的出现的模块列表,使用时请删掉]
				search_js.search_result(search_js.test_data);
			}
		});

	}
}

/**
 * 查询成功之后【使用时请将data中传过来的字段分别对应更改字段名】
 * @param {Object} data
 */
search_js.search_result = function(data) {

	//隐藏查询模块
	$("#search-box").hide();
	search_js.clear_temp();
	//显示结果模块
	$("#result-box").show();
	
	//填充通知书编号
	$("#info_book_result").text(data.info_book_num);
	//填充执行单位编号
	$("#work_place_result").text(data.work_place);
	
	//生成收费列表
	for(var i=0;i<data.charge_item.length;i++){
		var charge_item_dom = 
		"<li class='c_gray'>"+
			"<div class='w100_ text-right'><span class='w78_ pull-left f12 pddd pt3'>"+data.charge_item[i].pass_port
				+"</span><span class='f12'>"+data.charge_item[i].money+"</span></div>"+
		"</li>";
		$("#charge_item").append(charge_item_dom);
	}
	
	//生成滞纳金列表
	for(var i=0;i<data.overdue_payment.length;i++){
		var overdue_payment_dom = 
		"<li class='c_gray'>"+
			"<div class='w100_ text-right'><span class='w78_ pull-left f12 pddd pt3 text-right mr5'>"+data.overdue_payment[i].pass_port
				+"</span><span class='f12'>"+data.overdue_payment[i].money+"</span></div>"+
		"</li>";
		$("#overdue_payment").append(overdue_payment_dom);
	}
	
	//为了安全性处理，合计这里我这不帮你算了，建议后端把算好的结果传过来即可
	$("#sum").text(data.sum);
}


/**
 * 验证方法
 */
search_js.validate = function(){
	if(!$("#info_book_num").val()){
		$("#info_book_num").focus();
		util_js.show_toast_msg("请输入通知书编号");
		return false;
	}else if(!$("#work_place_num").is(":hidden")&&!$("#work_place_num").val()){
		$("#work_place_num").focus();
		util_js.show_toast_msg("请输入单位编号");
		return false;
	}else{
		return true;
	}
}

/**
 * 预留城市获取接口，创建城市（广州市）下拉框
 */
search_js.create_select = function(){
	$.ajax({
		type: "POST",
		url: "", //url地址
		dataType: 'json', //示例返回数据格式为json
		//以下的接收参数默认后端与这里相同,请根据实际需要更改
		success: function(data) {
			//这里根据后端返回的对象做处理，这里仅做示例,返回的data
			if (data.status) {
				//查询成功后，展示结果
				var city_list = "";
				for(var i=0;i<data.city.length;i++){
					//此处我预测后端传过来的数据是0或1,0则表示该城市是显示执行单位框的,1则隐藏
					city_list = city_list + "<option value='"+data.city.status+"'>"+data.city[i].name+"</option>";
				}
				$("#city").empty();
				$("#city").append(city_list);
			} else {
				//这里请自行调整
				util_js.show_toast_msg("获取不到城市信息");
			}
		},
		error: function() {
			//util_js.show_toast_msg("服务器异常");
			//[在这里是模拟成功后获取的出现的模块列表,使用时请删掉]
		}
	});
}

/**
 * 根据不同城市判断是否需要显示执收单位，其中广州没有执收单位
 */
search_js.change_select = function(){
	$("#city").change(function(){
		if($(this).val()=="1"){
			$("#work_place_div").show();
		}else{
			$("#work_place_div").hide();
		}
	});
}


